<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // JS组成
    // ECMAScript  (ECMAScript5 => ES5 => ES6)
    // BOM (Borwser Object Model)   浏览器对象模型 => 提供了操作浏览器的接口和方法 (网页跳转 打开窗口 历史记录 设备相关的信息)
    // DOM (Document Object Model)  文档对象模型  => 提供了操作文档的接口和方法



    //  BOM (Borwser Object Model)   浏览器对象模型 => 提供了操作浏览器的接口和方法 (网页跳转 打开窗口 历史记录 设备相关的信息)

    // window  => 全局对象(窗口)  => 所有全局相关的变量和方法 都存储在window中
    //  默认情况下 window可以省略不写


    var a = 1;
    var b = 2;
    function fn() {
        console.log(a, b);
    }

    console.log(window);
    console.log(window.a, a);
    console.log(window.b, b);
    console.log(window.fn, fn);


    // window下的子对象
    // document   文档对象
    // history    历史对象
    // location   地址栏对象
    // navigator  设备相关
    // screen     屏幕相关

    // window下的属性
    // name      窗口的名称(只能是字符串类型,存储其他类型会隐式转字符串)
    // status    窗口的状态(只能是字符串类型,存储其他类型会隐式转字符串)

    // 不建议在全局作用域中使用 name和status作为变量名

    var name = 1;
    var name = true;
    var name = null;
    var name = undefined;
    var name = [1, 2, 3, 4];
    console.log(name);



</script>

</html>